<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        /* value css样式即可 */
        /* input::-webkit-input-placeholder{ */
            /* 修饰placeholder中的文本 */
        /* } */
    </style>
</head>
<body>
    <form action="">
        姓名:<input type="text" autofocus> <br>
        密码: <input type="password"> <br>
        搜索记录:   <input type="text" autocomplete="on" name="aaa" >  <br> <!-- js模拟下拉框 -->
        <input type="file" Multiple> <br>
        qq: <input type="text" pattern="[1-9][0-9]{4,10}"><!-- 正则表达式  js-->
        <!-- 5~11 第一位不能为0 -->
        <input type="submit">
    </form>
</body>
</html>
<!-- 
    h5里面新增的属性
        1.placeholder/value  提示文本
            - placehloder是不占位置的，并且当用户输入文本的时候会自动消失
            - value 是占位置的(html结构)、用户输入的时候需要手动的删除
        
        2.autofocus 自动聚焦 网页打开会自动选择填写
            - 网页只会有一个自动聚焦

        3.aotocomplete 
            - 必须要有提交过的记录
            - 设置autocomplete的属性值为on(开)  off(关闭)
            - 设置一个name值

        4.novalidate 取消验证

        5.Multiple 选择多个

        6.pattern  正则表达式 火星文
 -->